﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="center.aspx.cs" Inherits="ShareMarking.Web.admin.system.center" %>
<%@ Import namespace="ShareMarking.Systems.Service" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>管理首页</title>
<link href="../skin/default/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../scripts/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/layout.js"></script>
<script type="text/javascript" src="/scripts/layer/layer.js"></script>
<script type="text/javascript" src="/scripts/ichart.1.2.min.js"></script>

<script type="text/javascript">
    $(function () {
        var data = [{ name: '新增用户:', value: <%=newUser %>, color: '#FFFF00' },
                    { name: '总用户数:', value: <%=totalUser %>, color: '#8DEEEE'},
                    { name: '禁止登陆:', value: <%=deleteUser %>, color: '#8DFFFF'}];
        new iChart.Pie2D({
            render: 'canvasDivUser',
            data: data,
            title: {
                text: "用户统计",
                color: "#6d869f",
                fontsize: 18,
                textAlign: "center",
                font: "微软雅黑",
                height: 30,
                offsetx: 0,
                offsety: 0
            },
            legend: {
                enable: true,
                background_color: "#fefefe",
                color: "#333333",
                fontsize: 12,
                border: {
                    color: "#BCBCBC",
                    width: 1
                },
                column: 1,
                align: "right",
                valign: "bottom",
                offsetx: 0,
                offsety: 0
            },
            showpercent: false,
            decimalsnum: 2,
            width: 420,
            height: 300,
            background_color: "#f4f4f4",
            radius: 140
        }).draw();
    });
</script>
<script type="text/javascript">
    $(function () {
        var data = [{ name: '新增记录:', value: <%=todayRecord %>, color: '#FFFF00' },
                    { name: '总记录数:', value: <%=totalRecord %>, color: '#8DEEEE' }];
        new iChart.Pie2D({
            render: 'canvasDivRecord',
            data: data,
            title: {
                text: "记录统计",
                color: "#6d869f",
                fontsize: 18,
                textAlign: "center",
                font: "微软雅黑",
                height: 30,
                offsetx: 0,
                offsety: 0
            },
            legend: {
                enable: true,
                background_color: "#fefefe",
                color: "#333333",
                fontsize: 12,
                border: {
                    color: "#BCBCBC",
                    width: 1
                },
                column: 1,
                align: "right",
                valign: "bottom",
                offsetx: 0,
                offsety: 0
            },
            showpercent: false,
            decimalsnum: 2,
            width: 420,
            height: 300,
            background_color: "#f4f4f4",
            radius: 140
        }).draw();
    });
</script>

<script type="text/javascript">
    function openframe(fdiv) {
       var layeruser = $.layer({
           type: 1,
            bgcolor:'#fff',
            title: false,
            border:[3, 0.3, '#000'],
            shade: [0],
            fix: false,
            area: ['420px', 300],
            page: {
                dom: fdiv
            }
        });
    };
</script>

</head>

<body class="mainbody">
<form id="form1" runat="server">
<!--导航栏-->
<div class="location">
  <a href="javascript:history.back(-1);" class="back"><i></i><span>返回上一页</span></a>
  <a class="home"><i></i><span>首页</span></a>
  <i class="arrow"></i>
  <span>管理中心</span>
</div>
<!--/导航栏-->

<!--内容-->
<div class="line10"></div>

<div class="nlist-2">
  <h3><i></i>站点信息</h3>

<div >
  <div class="divUser" style="width:500px;height:100px;float:left">
  <ul>
    <li>新增用户数：<asp:Literal ID="txtNewUser" runat="server" Text="-" /></li>
    <li>今天登陆用户数：<asp:Literal ID="txttodayUser" runat="server" Text="-" /></li>
    <li>总用户数：<asp:Literal ID="txttotalUser" runat="server" Text="-" /></li>
    <li>禁止登陆用户数：<asp:Literal ID="txtdeleteUser" runat="server" Text="-" /></li>
    <li><a onclick='openframe("#canvasDivUser")'>点击查看统计</a></li>
  </ul>
  </div>
  <div id='canvasDivUser' style="display:none" ></div>

  <div style="width:500px;height:100px;float:left">
  <ul>
    <li>今天新增记录：<asp:Literal ID="txttodaylRecord" runat="server" Text="-" /></li>
    <li>记录总数：<asp:Literal ID="txttotalRecord" runat="server" Text="-" /></li>
    <li><a onclick='openframe("#canvasDivRecord")'>点击查看统计</a></li>
  </ul>
  </div>
  <div id='canvasDivRecord' style="display:none"></div>

  <div style="width:500px;height:100px;float:left">
  <ul>
    <li>今天新增帖子：<asp:Literal ID="txttodayPost" runat="server" Text="-" /></li>
    <li>帖子总数：<asp:Literal ID="txttotalpost" runat="server" Text="-" /></li>
  </ul>
  </div>
  <div style="width:500px;height:100px;float:left">
  <ul>
    <li>今天评论：<asp:Literal ID="txttodayComment" runat="server" Text="-" /></li>
    <li>评论总数：<asp:Literal ID="txttotalComment" runat="server" Text="-" /></li>
  </ul>
  </div>
</div>

    <div id='Div2'></div>
    <div id='Div3'></div>
    <div id='Div4'></div>
</div>
<div class="line20"></div>

<!--/内容-->
</form>
</body>
</html>
